<?php 
$title = "Post a New Ride";
$additional_includes = '
  <link rel="stylesheet" type="text/css" href="include/css/postride.css" />
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />
  <link title="theme" type="text/css" href="http://ui.jquery.com/applications/themeroller/css/jquery-ui-base.css.php?ctl=themeroller&amp;=" media="screen" rel="Stylesheet" id="themeCSS" />
  <link rel="Stylesheet" media="screen" href="include/plugins/css/default/ui.all.css" />
  <link rel="Stylesheet" media="screen" href="include/plugins/css/jquery.timepickr.css" />    
   
   <script type="text/javascript" src="include/plugins/jquery-ui-1.7.2.custom.min.js"></script>
   <script type="text/javascript" src="include/plugins/ui.timepickr.js"></script>
   <script type="text/javascript" src="include/plugins/jquery.timepickr.js"></script>
   
   <script type="text/javascript" src="include/js/util.js"></script>   
   <script type="text/javascript" src="include/js/postride.js">
   </script>';
?>

<?php include('header.php'); ?>
	
<div id = "output">

</div>

<div id="stylized" class="myform">
  <form id="rideform" name="rideform" method="post" action="postride.php">
    <h1>Ride Information</h1>
    <p>Enter details about the ride</p>
    
    <label for='title'>Title*
        <span class="small">ride title</span>
    </label>
    <input type="text" name="title" id="title" />
    
    <div id="datepicker"></div>
    <label for='date'>Date*
    <span class="small">in "mm/dd/yyyy format"</span>
    </label>
    <input type="text" name="date" id="date" />
    
    <label for='time'>Time*
    <span class="small">in "hh:mm (am|pm) format"</span>
    </label>
    <input type="text" name="time" id="time" />
    
    <label for='location'>Location*
        <span class="small">Address of Ride location</span>
    </label>
    <input type="text" name="location" id="location" />
    
    <label for='rating'>Ride Rating*
    <span class="small">e.g. "C/3/39"</span>
    </label>
    <input type="text" name="rating" id="rating" />
    
    <label>Additional Information
    </label>
    <textarea rows="3" cols="28" name="desc" id="desc"></textarea> 
    <br>
    <div class="spacer"></div>
<p>* - Required information - must be filled up</p>
<fieldset>
    <h1>Ride Leader</h1>
    <p>Enter details about the ride leader</p>
    <label for='leadername'>Name*
        <span class="small">Name of Leader</span>
    </label>
    <input type="text" name="leadername" id="leadername" />
    
    <label for='contact'>Contact info*
    <span class="small">email or phone number</span>
    </label>
    <input type="text" name="contact" id="contact" />
            
</fieldset>
<p>* - Required information - must be filled up</p>
<div class="spacer"></div>
<br/><br/>
    <button id="submitbtn" type="button">Post Ride</button>
    <div class="spacer"></div>

  </form>
</div>

<br/><br/>


<?php include('footer.php'); ?>
